(function($){
	$(window).load(function(){
		$(".summary").draggable({
			stack: ".summary",
			revert: true
		});
		$(".summary").click(function() {
			$(this).fadeTo("fast", 0.5).fadeTo("fast", 1.0);
			var wait=setInterval(function(){
		        if(!$(".summary").is(":animated")){
		            clearInterval(wait);
		            window.location = "/CyanZhong/article-detail?articleId=1";
		        }
		    },200);
		});
//		$(".summary").mouseenter(function() {
//			$(this).removeClass("blur");
//			$(".summary").not($(this)).addClass("blur");
//			return false;
//		}).mouseleave(function() {
//			$(".summary").removeClass("blur");
//		});
		$("#article_content").mCustomScrollbar({
			mouseWheelPixels:200,
			advanced:{
				updateOnBrowserResize:true,
				autoExpandHorizontalScroll:true,
				scrollInertia:550
			},
			callbacks:{
				onTotalScrollOffset:30,
				onTotalScroll:function(){ OnTotalScroll(); }
			}
		});
		function OnTotalScroll() {
			var node = $('<div class="summary">测试内容</div><div class="summary">测试内容</div><div class="summary">测试内容</div><div class="summary">测试内容</div>')
			node.draggable({
				stack: ".summary",
				revert: true,
				cursor: "move"
			});
			$("#loading").css("visibility", "visible");
			// 让图片反复淡入淡出,实现闪烁
            var inter = setInterval(function(){
                if(!$("#loading").is(":hidden")){
                	$("#loading").fadeOut("slow");
                }else{
                	$("#loading").fadeIn("slow");
                }
            }, 50);
			$.get("/CyanZhong/articlesAjax", function(data) {
				//deal with data
				clearInterval(inter);
				node.insertAfter($(".summary:last"));
				$("#loading").css("visibility", "hidden");
				$("#article_content").mCustomScrollbar("update");
			});
		}
	});
})(jQuery);

$(function() {
	$('#navigation a').stop().animate({
		'marginLeft' : '-55px'
	}, 1000);
	$('#navigation > li').hover(function() {
		$('a', $(this)).stop().animate({
			'marginLeft' : '-2px'
		}, 200);
	}, function() {
		$('a', $(this)).stop().animate({
			'marginLeft' : '-55px'
		}, 200);
	});
});